<template>

  <div class="app-container calendar-list-container">

    <el-tabs v-model="activeName">
      <!--tab1-->
      <el-tab-pane label="开卡服务" name="first">
        <openCard></openCard>
      </el-tab-pane>
      <!--tabs2-->
      <el-tab-pane label="会员服务" name="second">
        <userList></userList>
      </el-tab-pane>

      <el-tab-pane label="待审核" name="third">
        <waitCheck></waitCheck>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
  import openCard from './openCard'
  import waitCheck from './waitCheck'
  import userList from './userList'

  export default {
    name: 'table_demo',
    components: {
      userList,
      openCard,
      waitCheck
    },
    data() {
      return {
        activeName: 'second'
      }
    }
  }
</script>
